<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>SmartShop</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/flexslider.css" />
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />
    
	<link href='../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css'>
	<!--[if lt IE 9]>
		<script src="../../html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    
	<!-- Demo Switcher
	================================================== -->
    <link id="layoutcss" href="styles/fixed-layout.css" rel="stylesheet" type="text/css" />
    <link href="styles/style-switcher.css" rel="stylesheet" type="text/css" />
    

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
			<header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
                <div id="headerright" class="six columns omega">
					<div id="chart">
                    	<a href="#" id="shop-bag"></a>
                        <ul class="shop-box">
                        	<li>
                                <img src="images/content/product/small.jpg" alt="" class="alignright imgborder" />
                                <h2>Smart Strip Armchair</h2>
                                <div class="price">1 x $120</div>
                            </li>
                            <li>
                                <div class="total">Subtotal: $120</div>
                                <a href="#" class="button">View Cart</a> <a href="#" class="button">Checkout</a>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    	
                    	<h6>Shopping Cart</h6>
                        <p>You have no items in your shopping cart</p>
                    </div>
					<ul id="user-nav">
                    	<li><a href="account.html">My Account</a></li>
                        <li><a href="login.html">My Wishlist</a></li>
                        <li><a href="cart.html">My Cart</a></li>
                        <li><a href="checkout.html">Checkout</a></li>
                        <li><a href="login.html">Login</a></li>
                    </ul>
                </div>

                <section id="navigation" class="twelve columns">
                    <nav id="nav-wrap">
                        <ul id="topnav" class="sf-menu">
                            <li class="current"><a href="index.html">Home</a></li>
                            <li><a href="about.html">About</a>
                            	<ul>
                                	<li><a href="element.html">Elements</a></li>
                                    <li><a href="single.html">Blog Details</a></li>
                                    <li><a href="sidebar-left.html">Sidebar Left</a></li>
                                    <li><a href="#">Dropdown</a>
                                        <ul>
                                            <li><a href="#">Only</a></li>
                                            <li><a href="single.html">Example of</a></li>
                                            <li><a href="#">The Dropdown</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="products.html">Products</a>
                            	<ul>
                                	<li><a href="products.html">Category</a></li>
                                    <li><a href="product-details.html">Product Details</a></li>
                                    <li><a href="account.html">My Account</a></li>
                                    <li><a href="cart.html">My Cart</a></li>
                                    <li><a href="checkout.html">Checkout</a></li>
                                    <li><a href="login.html">Login</a></li>
                                </ul>
                            </li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="portfolio.html">Portfolio</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    
                    <form method="get" id="searchform" action="#">
                      <div class="bgsearch">
                          <input type="text" name="s" id="s" value="" /> 
                          <input type="submit" class="searchbutton" value="" />
                      </div>
                    </form>
                   
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->

        <!-- SLIDER -->
        <div id="outerslider">
        	<div class="container">
        	<div id="slidercontainer" class="twelve columns">
            
            	<section id="slider">
                    <div id="slideritems" class="flexslider">
                        <ul class="slides">
                            <li>
                                <img src="images/content/slide1.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>Smart Camera SLR</h1>
                                    <p>Donec consectetur libero ut tortor condimentum eu egestas est viverra. Sed eget turpis dui, sed auctor nisi. Fusce suscipit risus sed tortor mattis sollicitudin. Vivamus dictum, nisl sed aliquet sodales, nisi ipsum interdum metus.</p>
                                    <a href="product-details.html" class="button">View Product</a> <a href="cart.html" class="button">Add To Cart</a>
                                </div>
                            </li>
                            <li>
                                <img src="images/content/slide2.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>Smart Oval Sofa</h1>
                                    <p>Donec consectetur libero ut tortor condimentum eu egestas est viverra. Sed eget turpis dui, sed auctor nisi. Fusce suscipit risus sed tortor mattis sollicitudin. Vivamus dictum, nisl sed aliquet sodales, nisi ipsum interdum metus.</p>
                                    <a href="product-details.html" class="button">View Product</a> <a href="cart.html" class="button">Add To Cart</a>
                                </div>
                            </li>
                            <li>
                                <img src="images/content/slide3.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>Modern Desk</h1>
                                    <p>Donec consectetur libero ut tortor condimentum eu egestas est viverra. Sed eget turpis dui, sed auctor nisi. Fusce suscipit risus sed tortor mattis sollicitudin. Vivamus dictum, nisl sed aliquet sodales, nisi ipsum interdum metus.</p>
                                    <a href="product-details.html" class="button">View Product</a> <a href="cart.html" class="button">Add To Cart</a>
                                </div>
                            </li>
                            <li>
                                <img src="images/content/slide4.jpg" alt="" />
                                <div class="flex-caption">
                                    <h1>Vintage Wall Lamp</h1>
                                    <p>Donec consectetur libero ut tortor condimentum eu egestas est viverra. Sed eget turpis dui, sed auctor nisi. Fusce suscipit risus sed tortor mattis sollicitudin. Vivamus dictum, nisl sed aliquet sodales, nisi ipsum interdum metus.</p>
                                    <a href="product-details.html" class="button">View Product</a> <a href="cart.html" class="button">Add To Cart</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>
            </div>
        </div>
        <!-- END SLIDER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            
            	<section class="maincarousel">
                    <h2>Featured Products</h2>
                    <h5>Donec cursus fringilla aliquet. Nulla ultrices elit ut lorem.</h5><br>
                    
                    <div class="flexslider-carousel">
                        <ul class="slides">
                            <li><a href="product-details.html"><img src="images/content/product/img1.jpg" alt="" class="scale-with-grid" /></a>
                            	<h2><a href="product-details.html">Smart Table</a></h2>
								<div class="price">$175.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img2.jpg" alt="" class="scale-with-grid"/></a>
                            	<div class="ribbon-new"></div>
                            	<h2><a href="product-details.html">Smart Chair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img3.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Desk Lamp</a></h2>
								<div class="price">$75.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img4.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Strip Armchair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            
                            <li><a href="product-details.html"><img src="images/content/product/img5.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Table</a></h2>
								<div class="price">$175.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img6.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Chair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img7.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Desk Lamp</a></h2>
								<div class="price">$75.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img4.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Strip Armchair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                        </ul>
                    </div>
				</section>
                <div class="clear"></div><!-- clear float --> 
                <div class="separator line"></div><br>

                
                <div class="six columns alpha">
                	<h2>About Us</h2>
                	<img src="images/content/icon1.png" alt="" class="alignleft">
                	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultrices dui eu lectus fringilla non pellentesque magna egestas. Suspendisse potenti. Vivamus at magna libero. Donec et purus nunc, eu aliquam diam. <br>
Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. </p>
					<a href="about.html" class="button">Read more</a>
                </div>
                <div class="six columns omega">
                	<h2>How We Work</h2>
                	<img src="images/content/icon2.png" alt="" class="alignleft">
                	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ultrices dui eu lectus fringilla non pellentesque magna egestas. Suspendisse potenti. Vivamus at magna libero. Donec et purus nunc, eu aliquam diam. <br>
Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. Proin tincidunt feugiat pretium. In eget dictum urna. Proin quis leo at mi gravida luctus. </p>
					<a href="about.html" class="button">Read more</a>
                </div>
                <div class="clear"></div><!-- clear float --> <br>
	
                <div class="separator line"></div><br>
                     
            	<section class="maincarousel">
                    <h2>Best Sales</h2>
                    <h5>Donec cursus fringilla aliquet. Nulla ultrices elit ut lorem.</h5><br>
                    
                    <div class="flexslider-carousel">
                        <ul class="slides">
                            <li><a href="product-details.html"><img src="images/content/product/img7.jpg" alt="" class="scale-with-grid" /></a>
                            	<h2><a href="product-details.html">Smart Oval Sofa</a></h2>
								<div class="price">$175.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img6.jpg" alt="" class="scale-with-grid"/></a>
                            	<div class="ribbon-new"></div>
                            	<h2><a href="product-details.html">Vintage Wall Lamp</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img5.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Camera SLR</a></h2>
								<div class="price">$75.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img4.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Strip Armchair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            
                            <li><a href="product-details.html"><img src="images/content/product/img3.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Desk Lamp</a></h2>
								<div class="price">$175.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img2.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Chair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img1.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Table</a></h2>
								<div class="price">$75.00</div>
                            </li>
                            <li><a href="product-details.html"><img src="images/content/product/img4.jpg" alt="" class="scale-with-grid"/></a>
                            	<h2><a href="product-details.html">Smart Strip Armchair</a></h2>
								<div class="price">$250.00</div>
                            </li>
                        </ul>
                    </div>
				</section>
                   
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
		<!-- FOOTER SIDEBAR -->
        <div id="outerfootersidebar">
        	<div class="container">
                <div id="footersidebarcontainer" class="twelve columns"> 
                    <footer id="footersidebar">
                    <div id="footcol1"  class="three columns alpha">
                    	<ul>
                          	<li class="widget-container">
                            <h2 class="widget-title">Recent Post</h2>
                            <ul class="ts-recent-post-widget">
                            	<li>
                                	<img src="images/content/rp1.jpg" alt="">
                                    <h3><a href="#">Page Title</a></h3>
                                    <span>Pellentesque ac ante arcu. Mauris quis nunc et.</span>
                                    <div class="clear"></div>
                                </li>
                            	<li>
                                	<img src="images/content/rp2.jpg" alt="">
                                    <h3><a href="#">Page Title</a></h3>
                                    <span>Pellentesque ac ante arcu. Mauris quis nunc et.</span>
                                    <div class="clear"></div>
                                </li>
                            	<li>
                                	<img src="images/content/rp3.jpg" alt="">
                                    <h3><a href="#">Page Title</a></h3>
                                    <span>Pellentesque ac ante arcu. Mauris quis nunc et.</span>
                                    <div class="clear"></div>
                                </li>
                            </ul>
                            </li>
                    	</ul>
                    </div>
                    <div id="footcol2"  class="three columns">
                        <ul>
                          	<li class="widget-container">
                            	<h2 class="widget-title">Latest Tweet</h2>
                            	<div id='userandquery' class="query"></div>
                            </li>
                        </ul>
                    </div>
                    <div id="footcol3"  class="three columns">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Our Gallery</h2>
                                <div class="gallery-pic">
                                	<a href="#"><img src="images/content/small-g1.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g2.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g3.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g4.jpg" alt="" class="nomargin"></a>
                                    <a href="#"><img src="images/content/small-g5.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g6.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g7.jpg" alt=""></a>
                                    <a href="#"><img src="images/content/small-g8.jpg" alt="" class="nomargin"></a>
                                </div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                    <div id="footcol4"  class="three columns omega">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">SmartShop</h2>
                                <p>Pellentesque ac ante arcu. Mauris quis nunc velit. Praesent hendrerit bibendum libero, vitae fermentum eros bibendum eget. Morbi molestie volutpat elementum. </p>
								<p>Etiam at erat tortor. Etiam vel ipsum eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu ligula metus, eu gravida lorem. </p>
                            </li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                    </footer>
                    
                </div>
            </div>
        </div>
        <!-- END FOOTER SIDEBAR -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">Copyright &copy;2012 SmartShop. All Rights Reserved . Theme design by <a href="../../templatesquare.com/default.htm">TemplateSquare.com</a></footer>
                <ul class="sn">
                    <li><a href="../../pinterest.com/default.htm" title="Pinterest"><span class="icon-img" style="background:url(images/social/pinterest.png)"></span></a></li>
                    <li><a href="../../plus.google.com/default.htm" title="Google Plus"><span class="icon-img" style="background:url(images/social/gplus.png)"></span></a></li>
                    <li><a href="../../facebook.com/default.htm" title="Facebook"><span class="icon-img" style="background:url(images/social/facebook.png)"></span></a></li>
                    <li><a href="../../twitter.com/default.htm" title="Twitter"><span class="icon-img" style="background:url(images/social/twitter.png)"></span></a></li>
                </ul>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Flexslider -->
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<!-- Twitter Script -->
<script type="text/javascript" src="js/jquery.tweet.js" ></script>

<script type="text/javascript">
jQuery(window).load(function() {
	//Slider
	jQuery('.flexslider').flexslider({
          animation: "fade"
    	});
		
	//Carousel
	jQuery('.flexslider-carousel').flexslider({
	  animation: "slide",
	  animationLoop: false,
	  itemWidth: 220,
	  minItems: 2,
	  maxItems: 4,

	});
		
});

jQuery(document).ready(function() {
	//Twitter
	jQuery("#userandquery").tweet({
	  count: 2,
	  username: "templatesquare",
	  loading_text: "searching twitter..."
	});
});
</script>	

<!-- Demo Switcher -->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>


</body>
</html>
